<!DOCTYPE HTML>
<html>
    <head>
    <meta charset="utf-8"/>
	<!-- <meta name="description" content="Creating a table with Bootstrap. Learn how to use Bootstrap toolkit to create Tables with examples."> -->
	<!-- <link href="https://cdn.bootcss.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet"> -->
	
	<link href="../Scripts/jquery-ui.css" rel="stylesheet">
	<script type="text/javascript" src="../index/jquery-3.3.1.min.js"></script>
		<style>
		body{
		margin:5px;
		    padding:20px 200px 500px 200px;
		    border-left:10px solid #000000;
			border-right:10px solid #000000;border-top:10px solid #000000;border-bottom:10px solid #000000;
			}
		@font-face
{
	font-family: myFirstFont;
	src: url('JOKERMAN.ttf'),
		url('JOKERMAN.eot'); /* IE9 */
}
		h1{text-align:center;
		   display:none;
		   font-family:myFirstFont;}
		   
		   
		.form {
		display:none;
       width: 350px;
	   position:absolute;
	   margin-left:13%;
	   margin-top:5%;
	   margin-bottom:5%;
       border:8px solid #000000;
	   border-style:outset;
	   border-radius:15px;
       padding: 20px 20px 20px 20px;
	   } 
	   .img2{position:absolute;
	         padding: 0px;
	         width:10%;
			 height:20%;}
	   .img3{padding: 0px;
	   position:absolute;
	         padding: 0px;
	        margin-top:20%;
			margin-left:60%;
	         width:10%;
			 height:20%;}
			 .img4{padding: 0px;
	   position:absolute;
	         padding: 0px;
	        margin-top:30%;
			margin-left:40%;
	         width:10%;
			 height:20%;}
</style>
    </head>
<body>
<h1 class="h">logging</h1>
<div class="imag2"><img class="img2" src="timg2.png"  ></div>
    <div class="form">
    <form name="sign_in"  >
        <p>name:
            <input type="text" name="user_text" id="user_text" maxlength="25" size="35"required="required"/>
        </p>
		<p></p>
        <p>password:
            <input type="password" name="user_password" id="user_password" maxlength="25" size="35"required="required">
        </p>
		<p></p>
      <p><input type="submit" value="sign in"></p>
    </form></div>
	<div class="imag3"><img class="img3" src="timg2.png"  ></div>
		<div class="imag4"><img class="img4" src="timg2.png"  ></div>
</body>
</html>


<script src="../Scripts/jquery.js"></script>
<script src="../Scripts/jquery-ui.js"></script>
<script src="../Scripts/jquery-ui.min.js"></script>
<script type="text/javascript" src="./sign_in.js"></script>
<Script type="text/javascript" src="./ui.js"></script>